var htmlwp = require('html-webpack-plugin');

module.exports={
    entry:'./src/main.js',       //指定打包入口文件
    output:{
        path: __dirname+'/dist', //webpack 1.14.0 要求 这个路径是一个绝对路径
        filename:'build.js'     //编译后的存放文件名
    },
    
     module:{
        loaders:[
            {    //导入CSS loader模块
                test: /\.css$/,
                loader:'style-loader!css-loader'
            },
            {    //导入SCSS loader模块
                test: /\.scss$/,
                loader:'style-loader!css-loader!sass-loader'
            },
            {    //导入less loader模块
                test: /\.less$/,
                loader:'style-loader!css-loader!less-loader'
            },
            {    //导入URL loader模块
                test: /\.(png|jpg|gif|ttf|svg)$/,   //打包URL请求资源路径
                loader:'url-loader?limit=40000&name=../dist/[name].[ext]', //limit表示显示图片大小40k为临界值 小于40k图片军备打包到build.js中去 超过则存储磁盘将路径填写到build.js中
            },
            {    //将 .js 文件中的ES6语法转换成ES5语法
                test: /\.js$/,
                loader:'babel-loader',
                exclude:/node_modules/  //排除这个文件夹
            },
            {    //解析.vue组件页面
                test: /\.vue$/,
                loader:'vue-loader',
            },
            {    //图片预览 vue-preview组件专用
                test: /vue-preview.src.*?js$/,
                loader:'babel',
            },
        ]
    },
    babel:{
        presets:['es2015'],  //配置将es6语法转化成es5语法
        plugins:['transform-runtime']   //这句代码就是为了解决打包.vue文件不报错
    },
    plugins:[
        new htmlwp({
            title:'首页',   //生成的页面标题
            filename:'index.html',  //webpack-dev-server在内存中生成的文件名称,自动将build注入到这个页面底部
            template:'./src/index1.html'  //根据index1.html这个模板来生成(这个文件请程序员自己生成)
        })
    ]
}